<!DOCTYPE html>

<html>
	<head>
		<title>Event Information</title>
		<script
    		src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"
    		type="text/javascript"></script>
		<link rel="stylesheet" href="eventinfostyle.css"/>
		<script src="eventjavascript.js" type="text/javascript"> </script>
		<script src="eventinfoajax.js" type="text/javascript"> </script>
		<link rel=StyleSheet href="navbarstyle.css"/>

	</head>

	<body>

		 <a class="logo" href="index.html" >
        <img id="logo" src="../images/Sankofacolorlogo.jpg"/>
        </a>

    <div id = "description"></div>

   <nav class="NavBar">
        <ul>
            <li>
                <a class= "Volunteer" href="volunteer.html"> Volunteers</a>
                <ul>
                    <li><a href="volunteer.html" title="Search"> Search </a></li>
                    <li><a href="addvolunteer.html" title="Edit"> Edit </a></li>
                </ul>
            </li>    
            <li>
                <a class= "Events highlighted" href="events.html"> Events</a>
                <ul>
                    <li><a href="events.html" title="Search"> Search </a></li>
                    <li><a href="addevents.html" title="Edit"> Edit </a></li>
                </ul>
            </li>

            <li><a class= "Plants" href="plants.html"> Plants</a>
                <ul>
                    <li><a href="plants.html" title="Search"> Search </a></li>
                    <li><a href="addplants.html" title="Edit"> Edit </a></li>
                </ul>
            </li>
            <li>
              <a class= "Source" href="source.html"> Source</a>
                <ul>
                  <li><a href="source.html" title="Search"> Search </a></li>
                  <li><a href="addsource.html" title="Edit"> Edit </a></li>
                </ul>
            </li>     
        </ul>
    </nav>



		<FORM class="ModifyList"> 
			<INPUT type="button" value="Back" name="goback" onclick="history.go(-1)"> 
			<INPUT type="button" value="Edit Me" name="edit"> 
			<INPUT type="button" value="Delete" name="delete"> 

		</FORM> 
<div class="body">
<div class="leftside">
		<div id="eventinfo" class="eventinfo">
			<div class = "basictitle"> Event Info </div>

			<div class = "info">

				<div class="row">

					<div class ="basicstyle col-1">
						Name
					</div>

					<div class ="basicstyle col-2">
						Begin Date
					</div>

					<div class ="basicstyle col-3">
						End Date
					</div>

					<div class ="basicstyle col-4">
						Description
					</div>
				</div>
			
				<div id="eventinfotable" class="row">

					<div id ="nvalue">
					</div>

					<div id ="sdvalue">
					</div>

					<div id ="edvalue">

					</div>

					<div id ="edescription">
					</div>
				</div>

			</div>
</div>

  <div id="eventinfo" class"eventinfo">
	<div class = "basictitle"> People Attending </div>
	<div id = "eventVolunteerinfo">

      <div class ="row">

        <div class = "basicstyle col-1"> Name </div>
        <div class = "basicstyle col-2"> Hours </div>
        <div class = "basicstyle col-3"> Event Hours </div>
        <div class = "basicstyle col-4"> email </div>

      </div>

      <div id="peopleattending">

      </div>
    </div>
  </div>  
 </div>
 <div class="rightside">

    <div class="eventinfo">
      <div class="basictitle">Volunteer Names</div>
      <div id="volunteernames" class="infov">

         <div class ="row">

        

    </div>

      </div>

    </div>
    <form>
      <INPUT type="button" value="Add" id="add" onclick ="addtoattending()"> 
      <INPUT type="button" value="Check All " id="ckall"> 
    </form>
</div>
</div>
	</body>	

</html>

